<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/homework.css">
    <link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.css">
</head>
<body>
	<div class="box">
		<header>
			<div class="header">
				<a href="#" class="left"><img src="img/logo.png" alt=""/></a>
				<a href="#" class="mid"><input type="text" class="text"/></a>
				<a href="#" class="right"><i class="fa fa-comment-o fa-lg"></i></a>
			</div>
			<div class="banner">
				<div class="inner clearfix">
					<div class="innerwrapter">
						<img src="img/banner2.jpg">
					</div>    
				</div>
			</div>
			<div class="content">
				<div>
					<a href="index.html">
						<img src="img/1.png" alt=""></a>
					<a href="index.html"><span>首页</span></a>
				</div>
				<div class="curr">
					<a href="subject.html">
						<img src="img/2.png" alt=""></a>
					<a href="subject.html"><span>课程</span></a>
				</div>
				<div>
					<a href="homework.html">
						<img src="img/3.png" alt=""></a>
					<a href="homework.html"><span>作业</span></a>
				</div>
				<div>
					<a href="exchange.html">
						<img src="img/4.png" alt=""></a>
					<a href="exchange.html"><span>交流</span></a>
				</div>
			</div>
		</header>
        <div class="dh">
            <a href="index.html">首页</a>>>>
            <a href="kcgy.html">作业</a>
        </div>
        <div class="title">
            <span>我的作业</span>
            <span>查看全部</span>
        </div>
        <div class="items clearfix">
            <div class="item clearfix">
                <div class="itemleft"></div>
                    <div class="itemcenter">
                        <p>jQuery实战课程</p>
                        <p>老师：aaa</p>
                        <p><i class="fa fa-weixin fa-lg"></i>微信：fcsboy</p>
                        <p><i class="fa fa-clock-o fa-lg"></i>完成时间：23点半</p>
                    </div>
                <div class="itemright">
                    <span>50</span><em>%</em>
                </div>
            </div>
            <div class="item clearfix">
                <div class="itemleft"></div>
                    <div class="itemcenter">
                        <p>web实战课程</p>
                        <p>老师：bbb</p>
                        <p><i class="fa fa-weixin fa-lg"></i>微信：fcsboy</p>
                        <p><i class="fa fa-clock-o fa-lg"></i>完成时间：8点半</p>
                    </div>
                <div class="itemright">
                    <span class="finish">已完成</span>
                </div>
            </div>
            <div class="item clearfix">
                <div class="itemleft"></div>
                    <div class="itemcenter">
                        <p>美工实战课程</p>
                        <p>老师：ccc</p>
                        <p><i class="fa fa-weixin fa-lg"></i>微信：fcsboy</p>
                        <p><i class="fa fa-clock-o fa-lg"></i>完成时间：6点半</p>
                    </div>
                <div class="itemright">
                    <span>99</span><em>%</em>
                </div>
            </div>
        </div>            
		
		<footer>
			<div class="container">
				<p>Copyright © 2016 wyz.com All Rights Reserved</p>
				<span>
					<img src="img/icon/qq.png" alt="">
					<img src="img/icon/sina.png" alt="">
					<img src="img/icon/weichat.png" alt="">
				</span>
			</div>
		</footer>	
        
	

	</div>
	
	<script src="js/index.js">
    </script>

</body>
</html>